<template>
  <div style="min-height:100vh" id="myhtml">
    <form
      method="post"
      id="loginForm"
      name="loginForm"
      action="webgis/webgis/data/login.action"
      onsubmit="return doValidate();">

      <div><input type="text" value="luoll3" placeholder="用户名" name="username" id="username"></div>
      <div><input type="password" value="shangxin.A1" placeholder="密码" name="password" id="password"></div>
      <!-- <div><input type="number" placeholder="请输入验证码" style="" name="verificationCode" id="verificationCode" tabindex="3" minlength="4" maxlength="4" size="4" class="required"></div> -->
      <div>
        <input
          type="text"
          placeholder="请输入验证码"
          name="randomCode"
          id="randomCode"
          tabindex="3"
          size="6">
        <img
          id="pic_random_code"
          style="cursor: hand;"
          name="pic_random_code"
          onclick="changeValidateCode(this)"
          alt=""
          title=""
          src="">
      </div>
      <div><input type="submit" value="登录"></div>
    </form>

  </div>
</template>

<script>
import { onMounted } from 'vue'
import { api } from '@/api'
export default {
  name: 'About',
  setup () {
    onMounted(() => {
      api.get('/webgis/webgis/data/login.action')
        .then((data) => {

        })
      document.querySelector('#pic_random_code').setAttribute('src', '/webgis/webgis/randomPicture.action?d=1719631263638')
    })
  }
}
</script>

<style>
#loginForm {
  display: flex;
  flex-direction: column;
}
</style>
